#!/usr/bin/env python
# -*- coding:utf-8 -*-

from django.forms import RadioSelect


class ColorRadioSelect(RadioSelect):
    # 自定义插件的渲染

    # RadioSelect 默认
    # template_name = 'django/forms/widgets/radio.html'
    # option_template_name = 'django/forms/widgets/radio_option.html'

    # 注意这里的路径会在应用的 templates 目录下寻找,需要确保文件的存在
    template_name = 'widgets/color_radio/radio.html'
    option_template_name = 'widgets/color_radio/radio_option.html'
    # 两个template分别负责单个 input radio 元素的渲染(每个input radio 元素
    # 绑定一个 span 元素,两者为一体作为一个 label 元素的内容), 以及原先下拉
    # 框对应的元素设置. 有了基本的HTML元素结构后,在html文件中设置样式:
    # 1. 隐藏 label 元素中的 input radio 元素
    # 2. 对同级 span 元素设置圆点样式等 
    # 这样我们可以点击美化后的span区域间接选择了 input radio 元素的值
